<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <h3>GE Student List Report</h3>
    <div class="row">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
        <div class="form-group">
          <label for="termA">Term 1</label>
          <input type="text" class="form-control" id="termA" ng-model="termA" placeholder="Term Number">
        </div>
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
        <div class="form-group">
          <label for="yearA">Year 1</label>
          <input type="text" class="form-control" id="yearA" ng-model="yearA" placeholder="Term Year">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
        <div class="form-group">
          <label for="termB">Term 2</label>
          <input type="text" class="form-control" id="termB" ng-model="termB" placeholder="Term Number">
        </div>
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
        <div class="form-group">
          <label for="yearB">Year 2</label>
          <input type="text" class="form-control" id="yearB" ng-model="yearB" placeholder="Term Year">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
        <div class="form-group">
          <label for="orderBy">Sort By</label>
          <select class="form-control" id="orderBy" ng-model="orderBy" ng-options="value.value as value.label for value in sorts"></select>
        </div>
      </div>
    </div>

    <a class="btn btn-primary" href="http://203.84.138.181:8081/jasperserver/flow.html?_flowId=viewReportFlow&standAlone=true&_flowId=viewReportFlow&ParentFolderUri=%2Freports%2FAFAS%2FGELS&reportUnit=%2Freports%2FAFAS%2FGELS%2FStudentListReport&j_username=jasperadmin&j_password=jasperadmin&TermNumber1={{ termA }}&TermYear1={{ yearA }}&TermNumber2={{ termB }}&TermYear2={{ yearB }}&OrderBy={{ orderBy }}&output=pdf" target="_blank">Display Report</a>

  </div>
</div>